<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style  >
.main-container {
  /*50 = navbar  */
  height: calc(100% - 60px);
  position: relative;
  //width: calc(100% - 210px);
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  background: #F0F3F6 !important;
  //overflow: auto;
}
.el-upload-list__item {
  transition: none !important;
}



.el-dialog__wrapper {
  position: absolute !important;
  overflow: hidden !important;
}

.login-button .el-button--primary.is-disabled {
  color: #fff !important;
  background: #bbbfc4 !important;
  border-color: #bbbfc4 !important;
}

.dialoginter {
  margin-top: 5vh !important;
  width: 60% !important;
  height: calc(100% - 5vh - 5vh) !important;
}

.dialoginter4 {
  margin-top: 8vh !important;
  width: 45% !important;
  height: calc(100% - 8vh - 8vh) !important;
}

.dialoginter101 {
  margin-top: 8vh !important;
  width: 35% !important;
  height: 220px !important;
}

.el-table__empty-block {
  width: 100% !important;
}

.dialoginter3 .el-dialog__header {
  padding-top: 10px !important;
  border-bottom: 1px solid #e5e6eb;
}

.dialoginter8 .el-dialog__header {
  padding-top: 10px !important;
  border-bottom: 1px solid #e5e6eb;
}

.el-dialog__headerbtn {
  top: 14px !important;
}

.dialoginter7 .el-dialog__header {
  padding-top: 10px !important;
  border-bottom: 1px solid #e5e6eb;
}

.dialoginter108 .el-dialog__header {
  padding-top: 10px !important;
  border-bottom: 1px solid #e5e6eb;
}

.dialoginter107 .el-dialog__header {
  padding-top: 10px !important;
  border-bottom: 1px solid #e5e6eb;
}

.el-menu .is-active {
  color:rgb(66, 99, 235) !important;
  background: rgb(247, 249, 255) !important;
}

.el-button--primary {
  background: #1362fc !important;
  border-color: #1362fc!important;
}

.el-button--primary:hover, .el-button--primary:focus {
  background: #1362fc !important;
  border-color: #1362fc!important;
  opacity: 0.8 !important;
  color: #FFFFFF;
}


.dialoginter2 {
//margin-top: 5vh !important;
  max-height: calc(100% - 5vh - 25vh) !important;
}


.dialoginter3 {
  margin-top: 8vh !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}

.selectPermission .el-select-dropdown__item{
  height: 100% !important;
  padding-top: 6px;
  padding-bottom: 6px;
}

.dialoginter8 {
  margin-top: 40px !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}

.dialoginter32 {
  margin-top: 4vh !important;
  height: 350px !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}

.dialoginter105 {
  margin-top: 4vh !important;
  height: 300px !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}


.dialoginter106 {
  margin-top: 4vh !important;
  height: 440px !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}


.dialoginter103 {
  margin-top: 5vh !important;
  height: 350px !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}

.dialoginter104 {
  margin-top: 50px !important;
  height: 580px !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}

.login-content-container .el-input--small .el-input__inner{
  height: 40px !important;
  line-height: 34px !important;
  color: #000;
  font-size: 16px !important;
  font-weight: 480 !important;
}

.dialoginter102 {
  margin-top: 5vh !important;
  height: calc(100% - 64%) !important;
  box-shadow: rgba(45, 51, 65, 0.08) 4px 6px 20px 0px;
//max-height: 100 !important;
}


.dialoginter5 {
//margin-top: 5vh !important;
  max-height: calc(100% - 5vh - 25vh) !important;
}

.dialoginter .el-form-item {
  margin-bottom: 22px !important;
}

.el-table--border th.el-table__cell {
  background: #fafafa;
}

.el-divider-2  .el-divider {
  height: 24px !important;
  margin-right: 20px;
}

.dialoginter .el-dialog__body {
  height: calc(100% - 62px - 54px);
  overflow: auto;
}

.dialoginter107 .el-dialog__body {
  padding: 0 !important;
  overflow: auto;
  background: #F0F3F6 !important;
  height: calc(100% - 40px) !important;
}

.header-icon {
  cursor: pointer;
}


.dialoginter4 .el-dialog__body {
  height: calc(100% - 62px - 54px);
  overflow: auto;
}

.dialoginter101 .el-dialog__body{
  height: calc(100% - 62px - 54px);
  overflow: hidden;
}

.disabled-warp {
  //overflow: auto;
}


.dashboard {
  &-container {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(45, 51, 65, 0.08);
    border-radius: 10px;
  }

  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}

.el-table--medium td {
  padding: 6px 0 !important;
}

.dialoginter .el-dialog__body {
  padding: 10px 25px !important;
//padding-right: 15px !important;
//height: 550px;
  overflow: auto;
}

.dialoginter4 .el-dialog__body {
  padding: 10px 25px !important;
//padding-right: 15px !important;
//height: 550px;
  overflow: auto;
}



.dialoginter101 .el-dialog__body {
  padding: 10px 20px !important;
//padding-right: 15px !important;
//height: 550px;
  overflow: auto;
}

.dsass .el-upload--picture-card{
  width: 100%;
  height: 130px;
}

.el-input.is-disabled .el-input__inner {
  color: #1e1e1e !important;;
  font-weight: 500;
  //background-color: #fdfdfd !important;
  //border-color: #fdfdfd !important;
}

.dsass  .el-upload-list--picture-card .el-upload-list__item {
  width: 100%;
  height: 130px;
  margin: 0 !important;
}


.dialoginter .el-dialog__footer {
  padding-top:  20px !important;
}

.dialoginter4 .el-dialog__footer {
  padding-top:  20px !important;
}


.dialoginter7 .el-dialog__footer {
  padding-bottom: 10px !important;
}

.dialoginter108 .el-dialog__footer {
  padding-bottom: 10px !important;
}


.dialoginter101 .el-dialog__footer {
  padding-top:  20px !important;
}

body {
  //min-width: 1350px;
}

.collapse .el-menu-item {
  height: 46px !important;
  line-height: 46px !important;
}

#app .hideSidebar .submenu-title-noDropdown .el-tooltip .sub-el-icon {
  margin-top: 10px;
  margin-left: 14px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.dialoginter2 .el-dialog__body {
  padding: 10px !important;
  padding-right: 15px !important;
  height: 540px;
  overflow: auto;
}

.no-header-dialog .el-dialog__body{
  height: 100%;
  width: 100%;
  padding: 0 !important;
  overflow: hidden !important;
}

.el-dialog__wrapper {
  //width: 99% !important;
  //height: 99% !important;
  margin-top: 0 !important;
}

.businessTypeChoose {
  border: 1px solid #1362fc !important;
}

.no-header-dialog .el-dialog__header {
  display: none;
}

.right-content-popper-table .el-table {
  .el-table__body-wrapper {
    z-index: 2;
  }
}

.dialoginter3 .el-dialog__body {
  padding: 10px 20px !important;
  padding-right: 15px !important;
  height: 480px !important;
}

.dialoginter8 .el-divider__text{
  color: rgb(64, 158, 255) !important;
  font-size: 15px;
  font-weight: 900;
}

.dialoginter8 .el-divider--horizontal {
  margin-bottom: 30px;
}

.dialoginter8 .el-dialog__body {
  padding: 0 !important;
  //padding-right: 15px !important;
  height: 520px !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.dialoginter8 .el-dialog__footer {
  padding-bottom: 10px !important;
}

.dialoginter7 .el-dialog__body {
  padding: 0 20px !important;
}

.dialoginter108 .el-dialog__body {
  padding: 0 20px !important;
  height: calc(100% - 100px) !important;
  overflow: hidden;
}

.el-input-number.is-without-controls .el-input__inner {
  //text-align: left !important;
}

.el-input__inner {
  padding: 0 10px !important;
}


@font-face {
  font-family: '宋体';
  font-weight: 900;
  src: url('/src/assets/Songti.ttc') format('truetype');
}




.el-table__footer-wrapper .cell {
  color: red !important;
}

.dialoginter7 {
  width: 95%;
  height: calc(100% - 75px);
  margin-top: 30px !important;
}

.dialoginter108 {
  width: 95%;
  height: calc(100% - 75px);
  margin-top: 30px !important;
}

.dialoginter107 {
  width: 95%;
  height: calc(100% - 75px);
  margin-top: 30px !important;
}

.el-dialog__wrapper {
  //z-index: 9999999 !important;
}

.dialoginter32 .el-dialog__body {
  padding: 0px 30px !important;
  padding-right: 15px !important;
//height: 380px !important;
}

.el-table{
  width:99.9%!important;
}

.write-off-document .el-alert__description{
  color: #1e1e1e;
}

.write-off-document .el-alert__content {
  color: #1e1e1e;
}

/deep/ .el-table__header , /deep/ .el-table__body{
  overflow: hidden;
  width: 99.9%!important;
}


.dialoginter105 .el-dialog__body {
  padding: 0px 30px !important;
  padding-right: 15px !important;
  margin-bottom: 30px;
//height: 380px !important;
}

.dialoginter106 .el-dialog__body {
  padding: 0px 30px !important;
  padding-right: 15px !important;
  margin-bottom: 30px;
//height: 380px !important;
}


.dialoginter104 .el-dialog__body {
  padding: 0px 30px !important;
  margin-bottom: 20px;
  padding-right: 15px !important;
//height: 380px !important;
}


.dialoginter103 .el-dialog__body {
  padding: 0px 30px !important;
  padding-right: 15px !important;
//height: 380px !important;
}


.dialoginte102 .el-dialog__body {
  padding: 0px 30px !important;
  padding-right: 15px !important;
}

.dialoginte102 .el-dialog__footer {
  padding-top: 20px !important;
}

.dialoginter5 .el-dialog__body {
  padding: 10px 20px !important;
  padding-right: 15px !important;
  height: 310px !important;
  overflow: auto;
}

.el-dialog__title {
  font-weight: 500;
}


.dialoginter6 {
  margin-top: 30vh !important;
}

.dialoginter6 .el-dialog__body{
  padding: 10px 20px !important;
  padding-top: 0 !important;
}


.btn-bn  .el-button {
  padding: 8px 16px !important;
  //background: #1362FC !important;
  //color: #fff !important;
  font-weight: 500;
}

.el-radio-button__inner {
  padding: 8px 12px !important;
}

.el-button {
  //padding: 8px 16px !important;
  ////background: #1362FC !important;
  ////color: #fff !important;
  //fonts-weight: 500;
}

.assd0212 .el-checkbox {
  margin-right: 5px !important;
  border-radius: 10px !important;
}

.btn-add .el-button {
  padding: 8px 12px !important;
  //background: #1362FC !important;
  //color: #fff !important;
  font-weight: 500;
}

.fixed-header+.app-main {
  padding-top: 50px;
}

.header-icon:hover {
  color: red;
}

.disabled-warp .el-table .el-table__header .el-table-column--selection {
  text-align: center;
}

.disabled-warp .el-table .el-table__header .el-table-column--selection .cell:before {
  content: '禁用';
}

.el-button--success {
  //color: #000;
}

.el-table th.el-table__cell {
  color: #000;
}

.el-table th>.cell {
  white-space: nowrap;
}

.el-table {
  //color: #020202 !important;
}

.el-date-editor  .el-input__inner {
  padding-right: 10px !important;
}

.minimini  {
  padding: 4px 6px !important;
  font-size: 12px !important;
  border-radius: 3px;
}

.text-star {
  color: red;
  font-size: 11px;
}

.disabled-warp .el-table .el-table__header .el-table-column--selection .el-checkbox {
  display: none;
}
</style>
